<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp">
<title data-index="0" id="selextTitle">${网页标题 }</title>
<meta name="keywords" content="${网页关键词}">
<meta name="description" content="${网页描述 }" />
<!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
<link href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="${path }/resource/css/styleOne/animate.min.css" rel="stylesheet" type="text/css" />
<link href="${path }/resource/css/visitor/base.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="${浏览器logo }">
<style>
   .banner{width: 100%;}
    .banner img{width: 100%;}
    .wrap{width: 80%;margin: 0 auto;position: relative;top:-90px;background: #fff;}
    table{text-align: center;}
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
         padding: 0;
         line-height: 50px;
    }
    table tr td{height:50px;line-height: 50px;color: #666666}
    .wrap .privilege{line-height: 200px;font-size: 18px;font-weight: bold;color: #666666;letter-spacing: 1px;}
    .wrap .gray-bg{background: #f2f2f2;height: 100px;line-height: 20px;}
    .wrap .gray-bg span{margin-top:30px;display: block;font-weight: bold;font-size: 18px;}
    .wrap .gray-bg em{margin-top: 8px;font-style: normal;display: block;font-weight: bold;font-size: 18px;color: red;}
    .wrap .tit{height: 80px;}
    .wrap .btn1{cursor: pointer;width: 140px;height: 40px;line-height: 40px;background: #197cd8;color: #fff;margin-top: 24px;border-radius: 6px;display: inline-block;}
    .wrap .btn1:hover{background: #166dbd}
    .wrap td img{    height: 14px;width: 14px;} 
</style>
</head>
<body class="">
	<jsp:include page="_top.jsp"></jsp:include>
	<div class="banner">
    <img src="${path }/resource/images/price1.png" alt="" />
  </div>
  <div class="container">
    <div class="wrap">
      <div class="table-responsive">
        <table class="table table-bordered">
          <tr>
            <td rowspan="2">
              <span class="privilege">可享特权</span>
            </td>
            <td class="gray-bg">
              <span>标准版</span>
              <em>488元/年</em>
            </td>
            <td class="gray-bg">
              <span>专版</span>
              <em>788元/年</em>
            </td>
            <td class="gray-bg">
              <span>营销版</span>
              <em>1188元/年</em>
            </td>
          </tr>
          <tr>
            <td class="tit">
              <span class="btn1">立即开通</span>
            </td>
            <td  class="tit">
              <span class="btn1">立即开通</span>
            </td>
            <td  class="tit">
              <span class="btn1">立即开通</span>
            </td>
          </tr>
          <tr>
            <td>手机界面</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>微信营销工具</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>首次购买送一年域名</td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>保证百度收录</td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>去广告</td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>资源库总空间</td>
            <td>100M</td>
            <td>1G</td>
            <td>10G</td>
          </tr>
          <tr>
            <td>视频上传</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>文件数量</td>
            <td>1000个</td>
            <td>1万个</td>
            <td>10万个</td>
          </tr>
          <tr>
            <td>单个文件大小</td>
            <td>10M</td>
            <td>100M</td>
            <td>500M</td>
          </tr>
          <tr>
            <td>文章评论</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>文章数量</td>
            <td>100篇</td>
            <td>1000篇</td>
            <td>1万篇</td>
          </tr>
          <tr>
            <td>广告数</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>在线地图</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>在线客服</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>留言板</td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>访客留言数量</td>
            <td>100个</td>
            <td>1000个</td>
            <td>1万个</td>
          </tr>
          <tr>
            <td>分享网站</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>基础模版</td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>高级模版</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>网站关键字和描述</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>嵌入javascript/css等</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>绑定第三方域名</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
          <tr>
            <td>网站图标（favicon）</td>
            <td><img src="${path }/resource/images/error.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
            <td><img src="${path }/resource/images/right.png" alt="" /></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
  <jsp:include page="_foot.jsp"></jsp:include>
	<script type="text/javascript"
		src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
	<script type="text/javascript"
		src="${path }/resource/js/systools/AjaxProxy.js"></script>
	<script type="text/javascript"
		src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
	<script src="https://unpkg.com/vue/dist/vue.js"></script>
	<script>
    $("#toTop").click(function() {
      $('body,html').animate({scrollTop:0},500);
    })
    $(".suspend").mouseover(function() {
      $(this).stop();
      $(this).animate({width: 156}, 400);
    });
    $(".suspend").mouseout(function() {
      $(this).stop();
      $(this).animate({width:36}, 400);
    });
    $("#nav").find("li").eq(3).addClass("active");
</script>
</body>

</html>
